<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 事件对象 => 事件发生的相关信息 ( )

    // 事件对象的相关属性
    // timeStamp
    // type
    // target (事件源 -> 触发事件的元素)

    // ctrlKey
    // shiftKey
    // altKey
    // metaKey

    // 鼠标
    // button
    // buttons

    // e.clientX  e.clientY
    // e.x  e.y
    // e.pageX  e.pageY
    // e.screenX  e.screenY
    
    // e.offsetX  e.offsetY

    // 绑定事件 => 赋值式
    // btn.onclick = function(e){}



</script>
</html>